<template>
    <div>
        <van-nav-bar title="个人设置"  left-arrow @click-left="onClickLeft" @click-right="onClickRight"/>
        <van-cell title="头像" is-link url="/vant/mobile.html" />
        <van-cell title="昵称:胡焱" is-link url="/vant/mobile.html" />
        <van-cell title="性别:保密" is-link url="/vant/mobile.html" />
        <van-cell title="简介" is-link url="/vant/mobile.html" />
        <van-cell title="邮箱" is-link url="/vant/mobile.html" />
        <van-contact-card type="edit"/>
    </div>
</template>

<script>
    export default {
          methods: {
    onClickLeft() {
      Toast('返回');
    },
    onClickRight() {
      Toast('按钮');
    },
  },
    }
</script>

<style>
.van-icon:before {
    display: inline-block;
    color: #000;
}
</style>
